<template>
  <h1>新书上市</h1>

  <a-row justify="space-between">
    <a-col :span="6" v-for="book in books" :key="book.name">
      <Card :book="book"></Card>
    </a-col>
  </a-row>
</template>

<script setup>
import Card from "@components/book/Card.vue";
const books = [
  {
    name: "活着",
    price: 4500,
    oldPrice: 5000,
    img: "/book/huozhe.jpg",
  },
  {
    name: "哈利·波特",
    price: 6500,
    oldPrice: 7000,
    img: "/book/huozhe.jpg",
  },
  {
    name: "骆驼祥子",
    price: 3500,
    oldPrice: 5000,
    img: "/book/huozhe.jpg",
  },
];
</script>

<style scoped>
h1 {
  margin-top: 20px;
  text-align: center;
}
</style>
